<template>
 <view class="goods-list">
   <view v-for="(item, i) in goodsList" :key="i" @click="gotoDetail(item)">
     <!-- 为 my-goods 组件动态绑定 goods 属性的值 -->
     <my-goods :goods="item"></my-goods>
   </view>
 </view>
</template>

<script>
	export default {
		data() {
			return {
				queryObj: {
					//查询关键词
					query: '',
					// 商品分类id
					cid: '',
					// 页码值
					pagennum: 1,
					// 每页显示多少数据
					pagesize: 10
				},
				// 商品列表的数据
				goodsList: [],
				// 总数量，用来实现分页
				total: 0,
				// 是否在请求数据
				isloading: false,
				 // 默认的空图片
				    defaultPic: 'https://img3.doubanio.com/f/movie/8dd0c794499fe925ae2ae89ee30cd225750457b4/pics/movie/celebrity-default-medium.png'
		
			};
		},
		onLoad(options) {
			// 将页面参数转存至this.queryObj对象中
			// console.log(options)
			this.queryObj.query = options.query || ''
			this.queryObj.cid = options.cid || ''
			this.getGoodsList()
		},
		  methods: {
		    // 获取商品列表数据的方法
		    async getGoodsList(cb) {
				//打开节流阀
				this.isloading=true
		      // 发起请求
		      const { data: res } = await uni.$http.get('/api/public/v1/goods/search', this.queryObj)
			  //关闭节流阀
			  this.isloading=false
			  cb&cb
		      if (res.meta.status !== 200) return uni.$showMsg()
			  
		      // 为数据赋值
		      this.goodsList = res.message.goods
		      this.total = res.message.total
		    },
			gotoDetail(item){ 
							uni.navigateTo({
									url: '/subpkg/good-detail/good-detail?goods_id=' + item.goods_id
							})
						}
		  }
	}
</script>

<style lang="scss">

</style>
